.deawerBox {
    .deawerTopBox {
        color: red;
        div {
            font-family: PingFang SC, PingFang SC;
            font-weight: 600;
            font-size: 20px;
            color: #313131;
        }
        img {
            width: 22px;
            height: 22px;
        }
        margin: 10px 0 30px;
    }
    .selectBox{
        .ant-select-selector{
            height: 50px;
            border-radius: 12px;
            display: flex;
            align-items: center;
        }
    }
    .drawerFooterBox {
        display: flex;
        column-gap: 20px;
        margin: 2vw 0;
        .ant-btn {
            height: auto;
            padding: 0.5vw 3vw;
            box-sizing: border-box;
        }
    }
    .my-editor {
        width: 100%;
        box-sizing: border-box;
        .bf-controlbar {
            background-color: #f2f3f7;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            box-shadow: none;
            box-sizing: border-box;
        }
        .bf-content {
            border: 1px solid #f3f3f3 !important;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            min-height: 35vh;
            box-sizing: border-box;
        }
    }
    .detailBox {
        background: #f6f6f6;
        padding: 1vw;
        box-sizing: border-box;
        border-radius: 20px;
        margin: 1vw 0 2vw;
        .detailTitle {
            font-family: PingFang SC, PingFang SC;
            font-weight: 600;
            font-size: 20px;
            color: #313131;
            line-height: 28px;
        }
        .detailSkillType {
            display: inline-block;
            width: auto;
            font-family: PingFang SC, PingFang SC;
            font-weight: 400;
            font-size: 10px;
            color: #FF7828;
            margin: 10px 0;
            background: #FFF0E6;
            border-radius: 5px;
            padding: 6px 10px;
            box-sizing: border-box;
        }
        .htmlBox {
            margin: 0.8vw 0;
        }
    }
}
/* 添加到你的 CSS 文件中 */
.braft-editor-container img {
    max-width: 95vw;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  
  @media (max-width: 768px) {
    .braft-editor-container img {
    //   max-width: 95%;
        max-width: 95vw;

      height: auto;
      display: block;
      margin: 0 auto;
    }
  }
  .my-editor img, .my-editor video {
    max-width: 95vw;
      height: auto;
  }
  
  @media (max-width: 768px) {
      .my-editor img, .my-editor video {
        max-width: 95vw;
          height: auto;
      }
  }